<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/15
  Time: 14:38
  To change this template use File | Settings | File Templates.
--%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="<%=basePath%>"/>
    <title>主持人管理页面</title>
    <link rel="stylesheet" type="text/css" href="static/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="static/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="static/themes/demo.css">
    <link rel="stylesheet" type="text/css" href="static/themes/color.css">
    <script type="text/javascript" src="static/jquery.min.js"></script>
    <script type="text/javascript" src="static/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        /****初始化加载新人信息的DataGrid组件****/
        $(function () {
            $('#personDataGrid').datagrid({
                url:'marriedPerson/marriedPersonInfo',
                pagination:true,//在表格中显示分页工具，将此属性设置为true，就会发送ajax分页请求
                rownumbers:true,//显示行号
                checkOnSelect:false,//避免点击即选中,只有点击复选框才会选中
                pageNumber:1,//设置默认查询页码数
                pageSize:2,//设置每页显示的数量
                pageList:[2,4,6],//设置每页数据量下拉框中的数据
                title:"查询结果",//显示标题
                columns:[[//设置表格的列以及每列和加载的数据的映射关系
                    {field:'aa',checkbox:true},//显示一个多选框的效果
                    {field:'pname',title:'新人名称',width:100},
                    {field:'pmail',title:'新人邮箱',width:100},
                    {field:'pphone',title:'新人手机号',width:100},
                    {field:'marrydate',title:'新人婚期',width:100
                        // ,formatter:function (value, row, index) {
                        //     console.log(value);
                        //     return value.date.year+"-"+value.date.month+"-"+value.date.day
                        },
                    {field:'status',title:'账号状态',width:100,
                        formatter:function (value, row, index) {
                            return value=="1"?"正常":"禁用"
                        }}

                ]]
            });
        });
        /****查询按钮完成分页查询****/
        $(function () {
            //给查询按钮增加单击事件
            $("#search").click(function () {
                //dataGrid按照条件重新分页加载主持人信息
                $('#personDataGrid').datagrid('load',{
                    pname:$("#pname").val(),
                    pphone:$("#pphone").val(),
                })
            })
        })
        /****声明函数将json类型的时间转化为日期****/
        function jsonToDate(obj) {
            return obj.year+"-"+obj.month+"-"+obj.day;
        }
        /****时间转换****/
        function jsonToTime(obj) {
            return obj.hour+":"+(obj.minute==0?"00":obj.minute)+":"+(obj.second==0?"00":obj.second);
        }
    </script>
    <script type="text/javascript">
        //日期更新格式
        function myformatter(date) {
            var y = date.getFullYear();
            var m = date.getMonth()+1;
            var d = date.getDate();
            return y+'-'+m+'-'+d;
        }
        //时间更新格式
        function myparser(s) {
            var t = Date.parse(s);
            if (!isNaN(t)) {
                return new Date(t);
            } else {
                return new Date();
            }
        }
    </script>
</head>
<body>

<%--创建新人管理面板组件--%>
<div id="p" class="easyui-panel" title="新人管理"
     style="width:1250px;height:500px;padding:10px;background:#fafafa;"
     data-options="closable:false,
                collapsible:false,minimizable:false,maximizable:false">
    <%--创建检索条件查询效果--%>
    <div style="margin: auto;width:700px">
        <%--创建检索条件表单--%>
        <form action="">
            <input class="easyui-textbox" prompt="新人姓名" id="pname" name="pname" style="width:100px">
            <input class="easyui-textbox" prompt="新人手机号" id="pphone" name="pphone" style="width:100px">
            <a href="javascrpt:void(0)" id="search" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:false">查询</a>
        </form>
    </div>
    <%--创建主持人信息加载的dataGrid组件--%>
     <table id="personDataGrid"></table>
</div>
</body>
</html>
